<template>
	<ff-window title="主题">
		<template v-slot:default>
			<ff-cell-group :title="'当前主题 '+$ff.theme.active.title" style="margin: 10px;" padding="3px 10px" :isBorder="false">
				<ff-cell v-for="(item, index) in $ff.theme.template" @click="onTheme(item)" padding="10px 3px" :title="item.title+'主题'"></ff-cell>
			</ff-cell-group>
		</template>
		<template v-slot:bottom></template>
	</ff-window>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		mounted() {

		},
		methods: {
			onTheme(item) {
				this.$ff.theme.active = item
			},
			onAutoTheme() {
				
			},
		}
	}
</script>

<style>

</style>